<!DOCTYPE HTML>
<html>
<head>
	<title>Choose Your Character</title>
	<link rel="stylesheet" type="text/css" href="styles.css" />
	<script type="text/javascript" src="js/jquery.js"></script> 
	<script type="text/javascript" src="js/m-x.js"></script>
	<script type="text/javascript" src="js/panorama.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="jqtouch/jquery.
1.3.2.min.js" type="application/x-javascript"
charset="utf-8"></script>

<script type="text/javascript" src="jqtouch/jqtouch.min.js"
type="application/x-javascript" charset="utf-8"></script>

	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>

<body id="home">

<!-- directions --> 
<div id="directions">
<p>Choose the character whose secret rainforest story you want to hear.</p>
</div>

<div id="dimgOuter" class="imageDivOuter" name="dimgOuter">
	<div id="dimg" class="imageDiv" name="dimg">
		<TABLE border=0 cellPadding=0 cellSpacing=0>
		<!-- THE 360 DEGREE IMAGE BELOW (DO NOT FORCE SIZE) -->
		<!-- be sure to change src in BOTH  images -->
		  <TR>
			<TD><img id="ione" name="ione" src="images/PIV.jpg" border="0" /></TD>
			 
			<TD><img id="itwo" name="itwo" src="images/PIV.jpg" border="0" /></TD> 	

	<!-- image of characters -->
<div id="characters">
<p id="char1P"><img id="char1" src="images/birdRight.gif" onclick="chooseChar()" />
<a href="#"> <img id="char2" src="images/frog.gif" /></a>
</p>
<p>

<a href="#"> <img id="char3" src="images/snake.gif" /></a>
<a href="#"> <img id="char4" src="images/mushroom.gif" /></a></p>
</div>
		 
			</TR>
		</TABLE>
	</div><!--/dimg-->
	
	<!--UGH to do: get rid of tables!-->
	
	</div><!--/dimgouter-->

	
	<div id='nowloading' class='nowLoading'><!--loading msg-->
		<p>Loading...</p>         
	</div><!--/nowloading-->
	

	<div id='PlaceHolderDiv' class='placeHolder'></div><!--/placeholder that images go in-->


<div id="secret">
		<h3>You Collected a Secret!</h3>
		<p>Welcome to the rainforest. Your phone is your special scientist binoculars, so don't lose it! As you explore the rainforest, use these binoculars to find your bird. When you find it, it will tell you fun and unique secrets of the rainforest.</p>
		<!--<p>Welcome to the rainforest.  There is much to see in the rainforest in front of you! Hold on to these binoculars, but use your ears to listen for your bird's chirping. It will alert you for the next secret location!</p>-->
		
	</div><!--/secret-->
<div id="follow-bird-prompt">
		<h3>Your bird has a secret to tell you!</h3>
		<p>Tilt and move your phone to find it, and tap on it to reveal the secret.</p>
		
	</div>




</body>

</html>